<template>
  <!-- 基础布局容器 -->
  <div class="app-container">
    <!-- 路由出口 -->
    <router-view></router-view>
  </div>
</template>

<script setup>
import { watch } from 'vue'
import { useAuthStore } from '@/stores/auth'
import { useRouter } from 'vue-router'

const router = useRouter()
const authStore = useAuthStore()

// 全局路由守卫逻辑
watch(
  () => router.currentRoute.value,
  (to) => {
    if (to.meta.requiresAuth && !authStore.isAuthenticated) {
      // 如果需要认证且未登录，重定向到登录页
      router.push('/login')
    }
  },
  { immediate: true } // 立即执行一次
)
</script>

<style lang="less">
// 重置浏览器默认样式
body {
  margin: 0;
  padding: 0;
}

// 去除所有Ant Design卡片边框
.ant-card {
  border: 0 !important;
  &-bordered {
    border: 0 !important;
  }
}

// 去除页面容器边框
.app-container {
  border: 0 !important;
}
</style>